<!DOCTYPE html>
<html lang="zh-cmn-hans">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>汇吃糕点</title>
    <meta name="author" content="ChengHuiHui" />
    <meta
      name="description"
      content="This is modern built website for Western dessert "
    />
    <link rel="shortcut icon" href="./images/糕点区.png" />
    <link rel="stylesheet" href="./style.css" />
    <link rel="stylesheet" href="./Bootstrap/bootstrap5.min.css" />
  </head>
  <body>
    <header>
      <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <div class="container-fluid">
          <a class="navbar-brand" href="#">
            <img
              src="./images/糕点区.png"
              alt=""
              style="width: 50px; height: 50px"
            />
            <span id="iconTitle"></span>
          </a>
          <button
            class="navbar-toggler"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#navbarTogglerDemo02"
            aria-controls="navbarTogglerDemo02"
            aria-expanded="false"
            aria-label="Toggle navigation"
          >
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0 fs-5">
              <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="#">首页</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">商品系列</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">品牌故事</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">企业专区</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">联系我们</a>
              </li>
            </ul>
            <form class="d-flex">
              <input
                class="form-control me-2"
                type="search"
                placeholder="看看新品"
                aria-label="Search"
              />
              <button class="btn btn-outline-success" type="submit">
                <span style="white-space: nowrap"> 觅食一下</span>
              </button>
            </form>
          </div>
        </div>
      </nav>
    </header>

    <section style="margin-bottom: 40px" id="section-1">
      <video autoplay controls loop muted>
        <source src="/images/headMovie.mp4" type="video/mp4" />
      </video>
      <div class="box">
        <p class="box_authour fs-1 fw-bold">ChenHuiHui</p>
        <p class="fs-3 box_ad">糕点，让你的味蕾欲罢不能！</p>
        <p class="fs-4 box_new">
          <a href="#section-2" class="clearDeraction">新品上新&nbsp;></a>
        </p>
      </div>
    </section>

    <section class="section" id="section-2"></section>
    <section class="section" id="section-3"></section>
  </body>
  <script src="./app.js"></script>
  <script src="./Bootstrap/bootstrap.bundle.min.js"></script>
</html>
